<template>
  <a-modal :visible="visible" title="历史版本" width="1352px" :footer="null" @cancel="handleCancel">
    <DynamicTable :tables="dyTable" :config="dyTableConfig" />
  </a-modal>
</template>

<script lang="ts" setup>
import { reactive } from 'vue';
import { DynamicTable } from '@/components/public-template';
import indexService from './historyDetail.service';

const props = defineProps({
  visible: {
    type: Boolean,
    default: false
  }
});
const emit = defineEmits(['update:visible']);
const dyTableConfig: any = {
  queryUrl: '/url',
  data: [
    {
      name1: 'DABH2022090001',
      name2: '文件一',
      name3: '文件一',
      name4: '类型1',
      name5: '2022-09-08',
      name6: 'A老师',
      name7: '2017-11-01 12:00',
      name8: 'A老师',
      name9: '2017-11-01 12:00'
    },
    {
      name1: 'DABH2022090001',
      name2: '文件一',
      name3: '文件一',
      name4: '类型1',
      name5: '2022-09-08',
      name6: 'A老师',
      name7: '2017-11-01 12:00',
      name8: 'A老师',
      name9: '2017-11-01 12:00'
    },
    {
      name1: 'DABH2022090001',
      name2: '文件一',
      name3: '文件一',
      name4: '类型1',
      name5: '2022-09-08',
      name6: 'A老师',
      name7: '2017-11-01 12:00',
      name8: 'A老师',
      name9: '2017-11-01 12:00'
    }
  ]
};
const dyTable: any = reactive(indexService.getTables());
function handleCancel() {
  emit('update:visible', false);
}
</script>

<style lang="less" scoped></style>
